<template>
  <div class="user">
    <div class="brief">
      <div class="avatar">
        <img src="https://dummyimage.com/200x200/e1e1e1/000.png&text=1" alt>
      </div>
      <div class="info">
        <div class="sex">
          <van-icon name="more-o"/>女
        </div>
        <div class="name">
          <van-icon name="manager-o"/>白玉婷
        </div>
        <div class="tel">138xxxxxxx</div>
      </div>
    </div>
    <div class="options">
      <van-cell-group>
        <van-cell title="我的订单" icon="location-o" is-link/>
        <van-cell title="我的卡券" icon="location-o" is-link/>
        <van-cell title="我的积分" icon="location-o" is-link/>
        <van-cell title="修改密码" icon="location-o" is-link/>
        <van-cell title="在线咨询" icon="location-o" is-link/>
        <van-cell title="图片下载" icon="location-o" is-link/>
      </van-cell-group>
      <van-cell-group>
        <van-cell title="退出登录" icon="location-o" is-link/>
      </van-cell-group>
    </div>
    <div class="logout">
      <van-cell-group>
        <van-cell title="退出登录" icon="location-o" is-link/>
      </van-cell-group>
    </div>
  </div>
</template>

<script>
export default {
  props: {},
  data() {
    return {};
  },
  computed: {},
  created() {},
  mounted() {},
  watch: {},
  methods: {},
  components: {}
};
</script>

<style lang="sass">
@import "../../common/style/variable.sass"
page
    background-color: $theme-bg-color
    height: 100%
    .user
        padding: 18rpx 36rpx 10rpx
        .brief
            background-color: white
            padding: 20rpx 18rpx
            border-radius: 20rpx
            margin-bottom: 20rpx
            .avatar
                height: 200rpx
                text-align: center
                image
                    display: inline-block
                    height: 150rpx
                    width: 150rpx
                    border-radius: 50%
            .info
                margin-bottom: 16rpx
                >div
                    display: inline-block
                    width: 33.33%
                    font-size: 30rpx
                    .van-icon
                        padding: 0 14rpx
                .sex
                    .van-icon
                        color: #fac16b
                .name
                    text-align: center
                    .van-icon
                        color: green
                .tel
                    text-align: right
        .options
            padding: 18rpx 24rpx
            background-color: white
            border-radius: 20rpx
            margin-bottom: 20rpx
        .logout
            position: absolute
            border-radius: 20rpx
            bottom: 20rpx
            left: 36rpx
            right: 36rpx
            padding: 18rpx 10rpx
</style>
